import Link from 'next/link'
import { Code } from 'lucide-react'

export function Footer() {
  return (
    <footer className="border-t border-gray-200 bg-gray-50">
      <div className="container mx-auto px-4 py-8">
        <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
          {/* Brand */}
          <div className="col-span-1 md:col-span-2">
            <div className="flex items-center space-x-2 mb-4">
              <div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">
                <Code className="w-5 h-5 text-white" />
              </div>
              <span className="text-xl font-bold text-gray-900">DevBox</span>
            </div>
            <p className="text-gray-600 mb-4 max-w-md">
              一个面向全球开发者的现代化在线工具集，提供高效、安全、易用的开发工具。
            </p>
            <p className="text-sm text-gray-500">
              © 2024 DevBox. All rights reserved.
            </p>
          </div>

          {/* Tools */}
          <div>
            <h3 className="font-semibold text-gray-900 mb-4">工具分类</h3>
            <ul className="space-y-2 text-sm">
              <li>
                <Link href="/tools/text" className="text-gray-600 hover:text-gray-900">
                  文本处理
                </Link>
              </li>
              <li>
                <Link href="/tools/code" className="text-gray-600 hover:text-gray-900">
                  编程开发
                </Link>
              </li>
              <li>
                <Link href="/tools/converter" className="text-gray-600 hover:text-gray-900">
                  格式转换
                </Link>
              </li>
              <li>
                <Link href="/tools/generator" className="text-gray-600 hover:text-gray-900">
                  生成器
                </Link>
              </li>
            </ul>
          </div>

          {/* Links */}
          <div>
            <h3 className="font-semibold text-gray-900 mb-4">链接</h3>
            <ul className="space-y-2 text-sm">
              <li>
                <Link href="/about" className="text-gray-600 hover:text-gray-900">
                  关于我们
                </Link>
              </li>
              <li>
                <Link href="/privacy" className="text-gray-600 hover:text-gray-900">
                  隐私政策
                </Link>
              </li>
              <li>
                <Link href="/terms" className="text-gray-600 hover:text-gray-900">
                  使用条款
                </Link>
              </li>
              <li>
                <Link href="https://github.com/devbox/devbox" className="text-gray-600 hover:text-gray-900">
                  GitHub
                </Link>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </footer>
  )
}